{% extends "base.html" %}{% load pages_tags %}{% load_pages %}

        {% block content %}
        <div id="header">
        	<div id="slider-container">
            	
                <div class="box_skitter box_skitter_large">
                    {% fileplaceholder Slider_Image_1 as filesrc %}
		    <ul>{% if filesrc %} 
                        <li>
                            <a href=""><img src="/media/{{ MEDIA_URL }}{{filesrc}}" alt="{{filesrc}}" height="350px" width="1020px" /></a>
			    <div class="label_text">
                                <h3 class="colortext uppercase">{% placeholder banner_header_1 with TextInput %}</h3>
                                <span>{% placeholder banner_content_1 with Textarea %}</span>
                            </div>
                        </li>
		{% endif %}
		{% fileplaceholder Slider_Image_2 as filesrc %}
		{% if filesrc %} 
                        <li>
                            <a href=""><img src="/media/{{ MEDIA_URL }}{{filesrc}}" alt="" height="350px" width="1020px" /></a>
                            <div class="label_text">
                                <h3 class="colortext uppercase">{% placeholder banner_header_2 with TextInput %}</h3>
                                <span>{% placeholder banner_content_2 with Textarea %}</span>
                            </div>
                        </li>
		{% endif %}
		{% fileplaceholder Slider_Image_3 as filesrc %}
		{% if filesrc %} 
                        <li>
                            <a href=""><img src="/media/{{ MEDIA_URL }}{{filesrc}}" alt="" height="350px" width="1020px" /></a>
                            <div class="label_text">
                                <h3 class="colortext uppercase">{% placeholder banner_header_3 with TextInput %}</h3>
                                <span>{% placeholder banner_content_3 with Textarea %}</span>
                            </div>
                        </li>
		{% endif %}
                    </ul>
                </div>
                <div id="shadow-img-slider"></div>
            </div><!-- end #slider-container -->
        </div><!-- end #header -->
	
	
	
       
        <div id="after-header">
		<h1>{% placeholder main_content_header with TextInput %}</h1>
			<p>{% placeholder main_content with Textarea %}</p>
		 {% comment %}
        	<h1>Hello! WE are <span class="colortext">EposIT</span> and we provide awesome<span class="colortext"> solutions</span><br/>for all your needs.</h1>
       {% endcomment %}
        </div><!-- end #after-header -->
        
        <div id="before-content" class="patternbox">
        	<div class="shadow"></div>
        	<div class="container940">
            	<ul class="customlist">
			
                	<li>
                        <img src="/media/images/icons/icon1.png" alt="" class="alignleft" /><h3 class="valignmiddle">{% placeholder block_1_heading with TextInput %}</h3>
                        <span>{% placeholder block_1_content with Textarea %}</span>
                    </li>
                	<li>
                        <img src="/media/images/icons/icon2.png" alt="" class="alignleft" /><h3 class="valignmiddle">{% placeholder block_2_heading with TextInput %}</h3>
                        <span>{% placeholder block_2_content with Textarea %}</span>
                    </li>
                	<li class="last">
                        <img src="/media/images/icons/icon3.png" alt="" class="alignleft" /><h3 class="valignmiddle">{% placeholder block_3_heading with TextInput %}</h3>
                        <span>{% placeholder block_3_content with Textarea %}</span>
                    </li>
                </ul>
                <div class="clear"></div><!-- clear float -->
            </div><!-- end container940 -->
        </div><!-- end #before-content -->
        
		<div id="content">
        	<div id="main">
			
			
                <h2 class="title_pattern uppercase"><span><a href="/blog/">Latest News</a></span></h2>
                
		{% if all_posts %} 
		<ul id="recentpost">
                      
		{% for post in all_posts %}
		    <li>
                        <img src="/media/{{post.home_thumbnail}}" width="210px" height="160px" alt="" class="frame" />
                        <span class="shadowimg220"></span>
                        <div class="entry-date">{{post.date}} - <a href="{{post.get_absolute_url}}"></a></div>
                        <h5 class="colortext"><a href="/blog/{{ post.slug }}">{{post.title}}</a></h5>
                        <span>{{post.description}}</span>
                    </li>
                    
                   
		    {% endfor %}
		    
                </ul>
		 {% endif %}
                <div class="clear"></div><!-- clear float -->
            </div><!-- end #main -->
		</div><!-- end #content -->
        
        <div id="after-content" class="patternbox">
        	<div class="container940">
            	<a href="#" class="button large">Read more</a>
		<h2>{% placeholder bottom_tagline with TextInput %}</h2>
               <!--<h2>Started Using the <span class="colortext">Magnum</span> Theme for Your Next <span class="colortext">Project</span> ? Available.</h2> -->
                <div class="clear"></div><!-- clear float -->
            </div><!-- end container940 -->
        </div><!-- end #after-content -->
        
        {% endblock %}
		